<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    /* 剩余参数（...真数组名）
    概念：剩余参数允许我们将一个不定数量的参数表示为一个数组
    1.  ...是语法符号，置于最末函数形参之前，用于获取多余的实参
    2.借助...获取剩余的实参，是个 真数组 */

    function getSum(a, b, c, ...arr) {
      console.log(arr)
      // 使用的时候不需要...  直接写真数组名
    }
    getSum(1, 2, 3)                  // a = 1, b= 2, c = 3, arr = []
    getSum(1, 2, 3, 4, 5)           // a = 1, b= 2, c = 3, arr = [4, 5]
    getSum(1, 2, 3, 4, 5, 6, 7, 8)  // a = 1, b= 2, c = 3, arr = [4, 5, 6, 7, 8]

    /* 总结：
    1.剩余参数主要的使用场景是？   用于获取多余的实参
    2.剩余参数 和 动态参数的区别是什么？开发中提倡使用哪一个？
      1.动态参数是伪数组
      2.剩余参数是真数组
      3.开发中使用剩余参数想必也是极好的 */
  </script>
</body>

</html>